* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 14px;
    font-family: "微软雅黑";
}

a {
    text-decoration: none;
}

ul {
    list-style: none;
}

// 外套
.warp {
    width: 100%;
    // 头部
    .header {
        width: 100%;
        height: 30px;
        background: #3d474a;
        min-width: 1200px;
        .nei {
            width: 80%;
            height: 100%;
            margin: auto;
            ul {
                float: right;
                margin-top: 6px;
                li {
                    float: left;
                    padding: 0 10px;
                    color: white;
                    border-right: 1px solid white;
                    a {
                        color: white;
                    }
                }
            }
        }
    }
    // 导航部分
    .nav {
        width: 100%;
        height: 80px;
        background: #eaeaeb;
        min-width: 1200px;
        .nav-left {
            width: 80%;
            height: 100%;
            margin: auto;
            .nav-logo {
                position: relative;
                left: 0;
                top: 20px;
                float: left;
                height: 40px;
            }
            .logo-r {
                float: left;
                margin: 20px 0 0 18px;
                border-left: 1px solid #b3b3b3;
                padding-left: 10px;
                height: 30px;
                padding-top: 10px;
                h2 {
                    font-weight: 100;
                    margin: -8px 0 0 10px;
                    font-size: 24px;
                }
            }
            .list {
                float: right;
                font-size: 20px;
                padding: 25px 0 0;
                height: 30px;
                line-height: 30px;
                li {
                    float: left;
                    margin-left: 35px;
                    position: relative;
                    cursor: pointer;
                    span {
                        visibility: hidden;
                        font-size: 24px;
                        height: 30px;
                        margin-right: 10px;
                    }
                }
                li:hover {
                    color: #f60;
                    span {
                        visibility: visible;
                    }
                }
            }
        }
    }
    // 一个小tab 
    .banner {
        background: #3a4e5f;
        padding: 20px 0;
        position: relative;
        width: 100%;
        min-width: 1200px;
        box-sizing: border-box;
        .banner-min {
            width: 1100px;
            margin: auto;
            min-height: 239px;
            p {
                font-size: 22px;
                color: #ccc;
                margin-bottom: 10px;
            }
            .q1 {
                width: 100%;
                height: 40px;
                border-bottom: 5px solid #f36948;
                li {
                    display: inline-block;
                    width: 140px;
                    text-align: center;
                    border-radius: 4px 4px 0 0;
                    height: 40px;
                    line-height: 40px;
                    background: #dfe9f2;
                    font-size: 18px;
                    float: left;
                    margin-right: 8px;
                }
                span{
                     display: inline-block;
                    width: 140px;
                    text-align: center;
                    border-radius: 4px 4px 0 0;
                    height: 40px;
                    line-height: 40px;
                    background: #dfe9f2;
                    font-size: 18px;
                    float: left;
                    margin-right: 8px;
                }
            }
            .xia {
                padding: 30px 25px 0 60px;
                background: #FFFFFF;
                border-bottom: 3px solid #ddd;
                overflow: hidden;
                //          display: none;
                .q2 {
                    list-style-type: disc;
                    list-style-position: inherit;
                }
                .q2 li {
                    width: 200px;
                    float: left;
                    margin-bottom: 40px;
                    cursor:pointer;
                }
            }
        }
    }
    // 主题部分
    .min {
        width: 100%;
        height: 20px;
        padding: 20px 0 90px;
        min-width: 1200px;
        .content {
            width: 1100px;
            margin: auto;
            // 操作流程~
            .matter {
                width: 100%;
                display: none;
                .title {
                    padding: 0 100px;
                    height: 60px;
                    line-height: 60px;
                    background: #3a4e5f;
                    font-size: 20px;
                    color: #CCCCCC;
                    span {
                        display: inline-block;
                        padding: 0 15px;
                        background: #26313d;
                        line-height: 34px;
                        height: 34px;
                        border-radius: 4px;
                        font-size: 18px;
                    }
                }
                .infos {
                    padding: 30px 100px 150px;
                    background: #f5f5f5;
                    color: #4c4c4c;
                    .name {
                        border-bottom: 2px solid #808080;
                        margin-bottom: 15px;
                        padding: 10px 0 10px;
                        font-size: 20px;
                        a {
                            height: 30px;
                            line-height: 30px;
                            display: inline-block;
                            padding: 0 15px;
                            background: #ed9c28;
                            font-size: 16px;
                            border-radius: 4px;
                            margin-left: 15px;
                            color: #fff;
                        }
                    }
                    #proInfo {
                        line-height: 30px;
                        font-size: 16px;
                    }
                   
                }
            }
            // video~~
            .vied-wrap {
                width: 100%;
                padding: 10px 15px 20px;
                margin-top: 20px;
                display: none;
                .vied-ul {
                    padding-left: 20px;
                    height: 50px;
                    margin-bottom: 15px;
                    display: block;
                    border-bottom: 2px solid #e6e6e6;
                    li {
                        float: left;
                        padding: 10px 5px 10px;
                        font-size: 20px;
                        margin-right: 40px;
                        height: 30px;
                        line-height: 30px;
                    }
                }
                .vied-banner {
                    clear: both;
                    li {
                        width: 33%;
                        float: left;
                        text-align: center;
                        margin-bottom: 20px;
                        img {
                            width: 266.66px;
                            height: 150px;
                            margin: 0 auto;
                        }
                        .title {
                            transition: none;
                            width: 100%;
                            margin-top: 10px;
                            line-height: normal;
                        }
                        .name {
                            font-size: 14px;
                            margin-top: 2px;
                            width: 100%;
                            line-height: normal;
                        }
                    }
                }
            }
            // this is 自助啥啥的
            .m1,
            .m2,
            .m3,
            .m4 {
                background: #f9f9f9;
                padding: 60px 0 30px;
                clear: both;
                overflow: hidden;
                .left {
                    margin-left: 130px;
                    float: left;
                    height: 145px;
                    line-height: 145px;
                    font-size: 24px;
                    img {
                        vertical-align: middle;
                    }
                }
                .infos {
                    width: 552px;
                    text-align: center;
                    float: right;
                    h4 {
                        font-weight: 100;
                        font-size: 20px;
                        line-height: 32px;
                        margin-bottom: 40px;
                    }
                    div {
                        width: 370px;
                        margin: auto;
                        span {
                            text-align: left;
                            margin: 0 40px 15px;
                            display: inline-block;
                            padding-left: 24px;
                            background: url(../img/guideb_10.png)no-repeat 0 center;
                        }
                    }
                }
            }
            .notice {
                width: 100%;
                display: none;
                .acc-ggao {
                    padding: 10px 15px 20px;
                    color: #383838;
                    margin-top: 20px;
                    ul {
                        padding-left: 20px;
                        height: 50px;
                        margin-bottom: 15px;
                        display: block;
                        border-bottom: 2px solid #e6e6e6;
                        li {
                            float: left;
                            padding: 10px 5px 10px;
                            font-size: 20px;
                            margin-right: 40px;
                            height: 30px;
                            line-height: 30px;
                        }
                    }
                    .gg_class {
                        height: 40px;
                        line-height: 40px;
                        padding-left: 20px;
                        a {
                            display: inline-block;
                            height: 30px;
                            line-height: 30px;
                            padding: 0 6px;
                            border: 1px solid gray;
                            border-radius: 5px;
                            color: gray;
                        }
                    }
                    .infos {
                        padding: 0 20px 0 15px;
                        line-height: 30px;
                        font-size: 16px;
                        #news a {
                            display: block;
                            color: #383838;
                            margin-bottom: 4px;
                            line-height: 30px;
                        }
                        #news p {
                            width: 600px;
                            float: left;
                        }
                        #news span {
                            float: right;
                            background: #fff;
                            padding-left: 200px;
                        }
                    }
                }
                #div-pager {
                    text-align: right;
                    padding: 10px 0;
                    height: 30px;
                    clear: both;
                    a {
                        display: inline-block;
                        float: right;
                        border: 1px solid #808080;
                        width: 30px;
                        height: 30px;
                        text-align: center;
                        line-height: 30px;
                        color: inherit;
                    }
                }
            }
            
            
            
            
            
            
            
        }
        
        
        .mingbai{
               width: 1100px;
               margin: auto;
               display: none;
               .title{
                   padding: 0 100px;
                   height: 60px;
                   background: #3A4E5F;
                   line-height: 60px;
                   color: #ccc;
                   font-size: 20px;
               }
               .infos{
                   padding: 30px 100px 150px;
                   color: #4C4C4C;
                   background: #F5F5F5;
                   .name{
                       border-bottom: 2px solid #808080;
                        margin-bottom: 15px;
                        padding: 10px 0 10px;
                        font-size: 20px;
                   }
                   #proInfo{
                       line-height: 30px;
                       font-size: 16px;
                       overflow: hidden;
                       .help-man{
                           padding: 20px 0;
                           margin-top: 10px;
                           clear: both;
                           .h{
                               width: 100%;
                               float: left;
                               .help-man-strong{
                                   font-size: 16px;
                                   color: #E5E5E5;
                                   float: left;
                                   width: 100%;
                                   font-weight: normal;
                                   box-sizing: border-box;
                                   line-height: 50px;
                                   border-bottom: 1px dashed #dddddd;
                                   background: url(../img/help-03.png) no-repeat 0px 17px;
                                  .m{
                                       float: left;
                                       text-indent: 2em;
                                       color: #5e5e5e;
                                   } 
                               }
                               .help-man-p{
                                   display: none;
                                   clear: both;
                                   
                                   .help-man-ps{
                                       font-size: 14px;
                                       color: #888;
                                       border-bottom: 1px dashed #DDDDDD;
                                       margin-top: 10px;
                                       width: 100%;
                                       float: left;
                                       line-height: 24px;
                                       padding-bottom: 10px;
                                   }
                               }
                           }
                       }
                   }
               }
        } 
        
.list-i{
    width: 1100px;
    margin: auto;
//  display: none;
    .title{
       padding: 0 100px;
       height: 60px;
       background: #3A4E5F;
       line-height: 60px;
       color: #ccc; 
       font-size: 20px;
        span {
            display: inline-block;
            padding: 0 15px;
            background: #26313d;
            line-height: 34px;
            height: 34px;
            border-radius: 4px;
            font-size: 18px;
        }
   }
   .infos {
        padding: 30px 100px 150px;
        background: #f5f5f5;
        color: #4c4c4c;
        .name {
            border-bottom: 2px solid #808080;
            margin-bottom: 15px;
            padding: 10px 0 10px;
            font-size: 20px;
        }
        #proInfo {
            line-height: 30px;
            font-size: 16px;
        }
         .proInfo {
                        line-height: 30px;
                        font-size: 16px;
                        display: none;
                    }
    }
}
        
        
        
        
        
        
        
        
        
        
        
        
        
          
    }
    #to_top{
        z-index: 9999;
        text-align: center;
        position: fixed;
        top: 150px;
        right: 0;
        margin-left: 575px;
        ul{
            padding: 0;
            li{
                width: 60px;
                height: 52px;
                margin-bottom: 3px;
                position: relative;
                background: #808080;
                overflow: hidden;
                text-align: center;
                color: #FFFFFF;
                font-size: 12px;
                a{
                    color: inherit;
                }
                
            }
            li:hover{
                overflow: visible;
                background: #fff;
                color: #808080;
            }
            li .showWords{
                top: 0;
                overflow: hidden;
                color: #FFFFFF;
            }
            li:hover .showWords{
                    color: #808080;
                    -webkit-transition-duration: 300ms;
                     transition-duration: 300ms;
            }
            li .wrap-showWords{
                height: 30px;
                background: no-repeat center center;
            }
            li.first .wrap-showWords{background-image: url(../img/top_03.png);}
            li.first:hover .wrap-showWords{background-image: url(../img/top_05.png);}
            li.second .wrap-showWords{background-image: url(../img/top_09.png);}
            li.second:hover .wrap-showWords{background-image: url(../img/top_10.png);}
            li.third .wrap-showWords{background-image: url(../img/top_13.png);}
            li.third:hover .wrap-showWords{background-image: url(../img/top_14.png);}
            li.fourth .wrap-showWords{background-image: url(../img/top_17.png);}
            li.fourth:hover .wrap-showWords{background-image: url(../img/top_18.png);}
            li.fifth .wrap-showWords{background-image: url(../img/top_21.png);}
            li.fifth:hover .wrap-showWords{background-image: url(../img/top_22.png);
        }
    }
}
}